<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
	#dv{
		width: 400px;
		height: 400px;
		border:2px solid red;
		margin:0 auto;
	}
	#ul{
		width: 200px;
		height: 200px;
		background: orange;
		margin: 0 auto;
	}
	#ul li{
		list-style: none;
		color: white;
		font-size: 20px;
	}
	</style>
	<script type="text/javascript">
	window.onload=function(){
		var ul=document.getElementById('ul');
		var dv=document.getElementById('dv');

		var obj=ul.cloneNode(true);
		dv.appendChild(obj);

	}
	</script>
</head>
<body>
	<ul id="ul">
		<li id="sz">我是市长</li>
		<li id="jz">我是局长</li>
		<li id="js">你是计生委主任</li>
	</ul>
	<div id="dv"></div>
</body>
</html>